// 引入字体图标
@import "../../style/iconfont.wxss";

.head {
  background-color: var(--themeColor);
  height: 160rpx;
  .head-choose {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100rpx;
    .choose-expense{
      border: 1rpx solid #000;
      border-right: none;
      border-top-left-radius: 15rpx;
      border-bottom-left-radius: 15rpx;
      height: 60rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30%;
    }
    .choose-income{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 30%;
      height: 60rpx;
      border: 1rpx solid #000;
      border-left: none;
      border-top-right-radius: 15rpx;
      border-bottom-right-radius: 15rpx;
    }
    // 被点击的
    .active {
      color: var(--themeColor);
      background-color: #000;
    }
  }
  .model-area {
    display: flex;
    justify-content: center;
    align-items: center;
    .content {
      display: flex;
      .item {
        padding: 0 10rpx;
        text {
          text-align: center;
          font-size: 25rpx;
        }
      }
    }
  }
}

.cate-content {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  .item {
    width: 25%;
  }
}

.dialog {
  .desc{
    display: flex;
    height: 100rpx;
    align-items: center;
    text{
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center;
      height: 60%;
    }
    .desc-input {
      display: flex;
      flex: 3;
      height: 60%;
      border: 1rpx solid #ccc;
      border-radius: 15rpx;
    }
  }
  .price{
    display: flex;
    height: 100rpx;
    align-items: center;
    text{
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center;
      height: 60%;
    }
    .price-input {
      display: flex;
      flex: 3;
      height: 60%;
      border: 1rpx solid #ccc;
      border-radius: 15rpx;
      align-items: flex-start;
    }
  }
}